<template>
    <iframe :onload="onloadCode" style="width:100%;height:100%;background: #000;"></iframe>
</template>



<script>
export default {
	props: {
		src: {
		    type: String,
		    default: ''
		},
	},
	data() {
		return {
			onloadCode: ''
		}
	},
	created() {
		this.onloadCode =
			`this.contentWindow.document.body.innerHTML = '<video  style="width: 100%;height: 100%;" src="${this.src}"></video>';`
	},
}
</script>


<style lang="scss" scoped>
	body{
		margin: 0 !important;
	}
</style>